<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>用户登录</title>  
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">	
  </head>
  <!--外部引用样式  -->
  <link type="text/css" rel="styleSheet" href="css/login.css">
  <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
  <script type="text/javascript">
  	
  	$(function(){
  		/*设置北风网 教务管理  作者样式*/
  		$("#login_top span:first").css({"color":"red","font-size":"25px"});
  		$("#login_top span:first+span").css({"color":"white","font-size":"25px"});
  		$("#login_top span:last").css("color","rgb(71,143,202)");
  		//设置“请输入您的账号和密码样式”
  		$("#login_box span:first").css({"color":"rgb(71,143,202)","font-size":"15px"});
  		//设置登陆两字颜色
  		$(":submit").css("color","white");
  		//设置用户名框
  		$(":input[name='username']").focus(function(){
  			if($(this).val()=="请输入账号"){
  				$(this).val("");
  			}
  		}).blur(function(){
	  		if($(this).val()==""){
	  			$(this).val("请输入账号");
	  		}
  		});
  		
  		//设置密码框
  		$(":input[name='password']").focus(function(){
 		
  			if($(this).val()=="请输入密码"){
  				$(this).val("");
  				//$(this).attr("type","password");//奇怪的是没有效果？换另一方式...
  			
  			};
  		
  		}).blur(function() {
  			if($(this).val()==""){
	  			$(this).val("请输入密码");	
	  		}
  		
  		});
  		
  		//用户判断
  	
  	});
  </script>
  <body>
   	<div id="login_container">
   		<div id="login_all">
	   		<div id="login_top" align="center">
	   			<span>北风网 </span><span>教务管理</span><br/><span>Author</span>
	   		</div>
	   		<!-- 登录框-->
	   		<div id="login_box">
	   			<form action="index.jsp" method="post" >
	   				<table>
	   					<tr>
	   						<td>
	   							<span style="border-bottom-style: ridge;color: red;margin-left: 55px">请输入您的账号和密码</span>
	   						</td>
	   					</tr>
	   					<tr>
	   						<td>
	   							<input type="text" name="username" value="请输入账号"/>
	   						</td>
	   					</tr>
	   					<tr>
	   						<td>
	   							<input type="password" name="password" placeholder="请输入密码" value=""/>
	   							
	   						</td>
	   					</tr>
	   					<tr>
	   						<td>
	   							<input type="submit" value="登录" style="background-color: rgb(66,139,206); width: 75px;height: 30px;margin-left: 240px">
	   						</td>
	   					</tr>
	   				</table>
	   			</form>
	   		</div>
   		</div>
   	</div>
  </body>
</html>
